<template>
        <div class="iframe-container">
                <iframe :src="src" scrolling="auto" frameborder="0"
                        class="frame"></iframe>
        </div>
</template>

<script>
        export default {
                name: "driver",
                data() {
                        return {
                                src: null,
                        }
                },
                created() {
                        //这一段是页面跳转的时候需要，与下面路由监控的差别在于，这一段路由没变但页面重新加载的时候会运行
                        this.src = this.$route.matched[1].meta.address;
                },
                watch: {
                        //路由监控，当路由发生改变的时候，这个地方会运行，以此可以达到页面共享的效果，但页面重新加载的时候不会运行
                        $route(to) {
                                this.src = to.matched[1].meta.address;
                        }
                },
                methods: {}
        }
</script>
<style scoped>
        .iframe-container {
                width: 100%;
                height: 100%;
        }

        .frame {
                width: 100%;
                height: 100%;
        }
</style>